/* 
    Document   : menu
    Created on : Apr 29, 2008, 01:56:35 PM
    Author     : Tom Hayden
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Origem: http://www.tanfa.co.uk/css/examples/menu/hs7.asp
*/

#menu {
	/*width: 100%;*/
	/*background: #eee;*/
	float: right;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	_width: 7em;
	float: left;
}

#menu ul li ul {
	width: 12em;
}

#menu a, #menu h2 {
	font: bold 10px verdana;
	display: block;
	border-left: solid 1px;
	/*border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;*/
	margin: 0;
	padding: 2px 3px;
}

#menu ul li ul a, #menu ul li ul h2 {
	font: bold 10px verdana;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}

#menu h2 {
	color: #000;
	/*background: #000;*/
	/*text-transform: uppercase;*/
}

#menu a {
	color: #000;
	background: #efefef;
	text-decoration: none;
}

#menu a:hover {
	color: #a00;
	background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* IE */
#menu ul li {
	*float: left;
	*width: 100%;
}

/* IE6 e Inferior */
body {
	_behavior: url(js/csshover.htc);
	_font-size: 100%;
}
#menu ul li a { 
	_height: 1%;
} 
#menu a, #menu h2 {
	_font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}